<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ page contentType="text/html; charset=UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-EN">

<head>
<title>${parametroSistema.tituloSistema}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="keywords" content="struts2,jquery,plugin,showcase" />
<meta http-equiv="description"
	content="A Showcase for the Struts2 jQuery Plugin" />
	<style type="text/css" media="all">
	/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}
.dock2-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}
a.dock2-item {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock2-item span {
	display: none;
	padding-left: 20px;
}
.dock2-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
} 
	</style>

<sj:head compressed="false" jqueryui="true"
	locale="pt-BR" />
<script type="text/javascript">
	$(function() {
			/*$("h3[name^='CentroSpan']").each(
				function(intIndex){
					$(this).click(function(){
						 //alert( "Hottie index: " + intIndex );
						 var nome = $(this).attr('name');
						 var indice = nome.substring(10);
						 //alert("indice = "+indice);
						 $("ul[id^='div']").slideUp('normal');
						 //$("#div"+indice).toggle('slideUp',{},500);
						 $("#div"+indice).slideDown('normal');
 					});			
				}
			)
			alert("teste1");
			var count;
			   $("ul[id^='div']").hide();
			*/
			
			

		
	});
	

	$(function() {
		$("#accordion").accordion({ 			
			autoHeight: false,			
			event: "mouseover"
		});
		
		$('#menu').Fisheye(
				{
					maxWidth: 50,
					items: 'a',
					itemsText: 'span',
					container: '#menuContainer',
					vertically: 'true',
					itemWidth: 40,
					proximity: 10,
					halign : 'center',
					valign: 'top',
					align: 'vertical'					
				}
			)
		$("#btnMenuSistema").click( function(){
			$("#menu").slideToggle('slow', function() {
    				// Animation complete.
  			});
		})
		
		shortcut.add("CTRL+M", function() {
			$("#menu").slideToggle('slow', function() {
    				// Animation complete.
  			});		
		});
		shortcut.add("CTRL+L", function() {
			$('#lnkLogout').click()
		});
	});

	
	</script>
	<script type="text/javascript" src="<%=request.getContextPath()%>/js/interface/interface.js"></script> 
<script type="text/javascript" src="<%=request.getContextPath()%>/js/interface/compressed/fisheye.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/interface/compressed/iutil.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/shortcut.js"></script>
</head>
<body>
<sj:dialog id="esqueciasenhaDialog" href="esqueciasenha" autoOpen="false" modal="true" title="Receber minha senha no email" effect="explode" hideEffect="explode">
     
</sj:dialog>
<table width="100%" height="100%" align="center">
	<tr>
		<td colspan="3" valign="middle" align="center" width="100%"
			height="100px">
		
		 <div class="page">
		 	
      <div id="header" class="ui-widget-header">
   		
        <s:url id="urllogout" action="logoutFeira"/><sj:a href="%{urllogout}" id='lnkLogout' targets="main" indicator="myDefaultIndicator" errorElementId="divError" errorText="Desculpe sua conexão parece estar com problemas."><span class="ui-icon ui-icon-power ui-state-default" style="float: left; margin-right: 0.3em;" title="Logout do sistema."></span></sj:a>    
        <span id="btnMenuSistema" class="ui-icon ui-icon-help ui-state-default" style="float: left; margin-right: 0.3em;" title="Menu do sistema."></span>
        <img id="myDefaultIndicator" src="<%=request.getContextPath()%>/images/progressbar3.gif" alt="Carregando..." style="display:none"/>
        
        <div id="headline" >
	        <h1 class="ui-state-default" style="background: none; border: none;">${parametroSistema.tituloSistema}</h1>
	       
       
        </div>
      </div>
		<sj:div id="divError"></sj:div>
		</td>		
	</tr>
	<tr>
		<td align="left" valign="top" width="20%">

		<table align="left" valign="middle">
			<tr>
				<td>
				<div id="accordion" class="dropDwnContainer">
				<s:iterator value="centros">
					<h3><a href="#"><s:property value="nome" /></a></h3>
					<div>
						<s:iterator value="estandes">							
							<p><sj:a errorElementId="divError" effect="explode" errorText="O link para %{nome} parece estar com problemas" href="estandefeira?idEstande=%{id}" targets="main" indicator="myDefaultIndicator">
									<s:property value="nome" />
								</sj:a><br></p>
							
						</s:iterator>
					
					</div>
				</s:iterator></div>
				</td>
			</tr>
		</table>
		</td>
		<td width="70%" valign="top">
			<div class="dock" id="menu" style="display: none; position: relative; z-index: 1000">		
		<div class="dock-container ui-widget-header" id="menuContainer">
		
		<sj:a href="showHomeFeira" targets="main" cssClass="dock-item" indicator="myDefaultIndicator">
			<img src="<%=request.getContextPath()%>/images/home.png" alt="home" />
			<span>Home</span>
		</sj:a>
		<sj:a href="loginvisitante" targets="main" cssClass="dock-item" indicator="myDefaultIndicator">
			<img src="<%=request.getContextPath()%>/images/Private.png" alt="home" />
			<span>Logar</span>
		</sj:a>
		<sj:a href="meusdadosvisitante!editMe" targets="main" cssClass="dock-item" indicator="myDefaultIndicator">
			<img src="<%=request.getContextPath()%>/images/MeusDados.png" alt="home" />
			<span>Meu Cadastro</span>
		</sj:a>
		
		
		<sj:a openDialog="esqueciasenhaDialog" cssClass="dock-item" indicator="myDefaultIndicator"> 
			<img src="<%=request.getContextPath()%>/images/esqueciSenha.png" alt="home" />
			<span>Esqueci a Senha</span>
		</sj:a>
		<a class="dock-item" href="index"> 
			<img src="<%=request.getContextPath()%>/images/areaAdmin.png" alt="home" />
			<span>Área Administrativa</span>
		</a>
		</div>
		</div>
	
			<sj:div id="main" href="showHomeFeira"  indicator="myDefaultIndicator" errorText="Desculpe sua conexão parece estar com problemas." cssStyle="width: 100%; height: 100%; overflow: visible;">
			
			</sj:div>
		
				</td>
		
			
</table>

 	
</body>

</html>